<div class="headerBox">
    <style>
        .headerBox .content{
            height: 50px;background: #ccc;
        }
        .headerBox .content ul{
            margin: 0;padding: 0;list-style: none;
            display: flex;
        }
        .headerBox .content ul li{
            text-align: center;;line-height: 50px;flex:1;
            border-left:solid 1px #fff;
            border-right:solid 1px #fff;
        }
    </style>
    <div class="content">
        <ul>
            <li>导航1</li>
            <li>导航2</li>
            <li>导航3</li>
            <li>导航4</li>
            <li>导航5</li>
            <li>导航6</li>
        </ul>
    </div>
</div>

<div class="footerBox">
    <style>
        .footerBox .content p{
            text-align: center;
        }
    </style>
    <div class="content">
        <p>这是底部版权信息</p>
    </div>
</div>